<template>
    <div>
        <ul :class="$store.state.isShap?'':'inline'">
            <li  v-for="(item,index) in $store.getters.search" :key="index">{{item.title}}</li>
        </ul>
     </div>
</template>

<script>
    export default {
        name: "list",
        data() {
            return {

            }
        },
        methods: {},
        watch: {
            // big: function () {
            //     // eslint-disable-next-line no-debugger
            //     debugger
            //     if (this.$store.state.isBig) {
            //         this.$store.commit("newList",this.$store.state.list.sort((a, b) => b.id - a.id))
            //     } else {
            //         this.$store.commit("newList",this.$store.state.list.sort((a, b) => a.id - b.id)
            //         )
            //     }
            // }
        }
    }
</script>

<style scoped>
    .inline{
        display: flex;
    }
</style>